<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>{{ obj.title }}</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport"
          name="viewport">
    {% include 'public_css.html' %}
    <style>
        .leftbar {
            background-color: #3D4F5D;
        }
    </style>
</head>

<body style="background-color:#ADADAD;">

<div class="am-offcanvas" id="left_bar">


    <div class="am-offcanvas-bar" id="left_bar">
        <div class="am-offcanvas-content">
            {% include 'leftbar.html' %}
        </div>
    </div>
</div>


<!--搜索结果-->
<div class="am-g" style="background-color:#ADADAD;padding-bottom:20px">
    <div class="am-panel-group">

        <div data-am-sticky>
            <!-- header -->
            <div data-am-sticky align="center">
                <header class="am-topbar" style="background-color:gray;">

                    <div class="am-topbar-left am-u-sm-1 am-u-md-1">
                        <a class="am-btn am-btn-sm am-btn-warning am-topbar-btn" href="#"
                           data-am-offcanvas="{target: '#left_bar', effect: 'push'}">
                            <font color="#FFFFFF"> <span class="am-icon-bars"></span></font>
                        </a>
                    </div>
                    <div class="am-topbar-left am-u-sm-10" style="float: right;margin-right: 5%;padding-top: 5px">
                        <a href="javascript:void(0)" onclick="location.reload()"><font size="5" color="white">{{ obj.title }}</font>
                    </a></div>
                </header>
            </div>
        </div>

        <br>

        <div id="bloglist_div" class="am-u-md-9">
            {% for blogdict in obj.bloglist %}
                {% include 'bloglist.html' %}
            {% endfor %}


        </div>

    </div>
    <!--end for search-->


</div>
{% include 'public_footer.html' %}
</body>
{% include 'public_js.html' %}
</html>